<template>
          <div >
            <div class="alert">   
                   <ul id="ulOne">
                    <h3>搜索历史</h3>
                      <li>帮取快递</li>
                      <li>帮打扫卫生</li>
                   </ul> 
                   <br>
                   <h3>热门求助</h3>
                    <ol>
                   
                      <li>外卖帮取</li>
                      <li>寄快递</li>
                    
                     </ol>
            </div>
         
          </div>
  
</template>

<script scoped>
export default {
   name:'alert',
   components:{

   },
   data(){
    return{}
   }
}
</script>

<style scoped>
  .alert{
    width:500px;
    background-color: whitesmoke;
    border-radius: 20px;
  
 
  

  }
  #ulOne li{
    float:left;
    margin-left:20px;
    border-radius: 20px;

  }

</style>